<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>坚果R2</title>
  <link rel="icon" href="./images/favicon.ico">
  <link rel="stylesheet" href="./css/r2.css">
  <script src="./js/core.js"></script>
  <script src="./js/slide.js"></script>
  <script src="./js/r2.js"></script>
</head>
<body>
  <div class="ctn">
        <!-- 导航条 -->
        <nav class="navbar-inverse">
            <!-- 锤子logo -->
            <div class="logo"><img src="./images/logo-1.png" alt=""></div>
            <!-- 导航选项 -->
            <div class="navbar-container">
                <ul class="navbar-words">
                  <li><a href="shop.html">在线商城</a></li>
                  <li><a href="./r2.html">坚果R2</a></li>
                  <li><a href="./smartisan.html">Smartisan TNT go</a></li>
                  <li><a href="./gongzuozhan.html">坚果TNT工作站</a></li>
                  <li><a href="javascript:void(0);">Smartisan OS</a></li>
                  <li><a href="javascript:void(0);">欢喜云</a></li>
                  <li><a href="javascript:void(0);">论坛</a> </li>
                  <li><a href="javascript:void(0);">开发者支持</a></li>
                  <li><a href="javascript:void(0);">荣誉与奖项</a></li>
                </ul>
            </div>
            <!-- 登录，购物车 -->
            <div class="login"><a href="./login.html"></a></div>
            <div class="shopcart"><a href="./fuqian.html" target="_blank"></a></div>
        </nav>
  </div>
  <section>
  <div>
  <ul class="gongneng">
    <li class="active"><a href="./r2.html">概览</a></li>
    <li><a>设计</a></li>
    <li><a>功能</a></li>
    <li><a>相册</a></li>
    <li><a>操作系统</a></li>
    <li><a>技术规格</a></li>
  </ul>  
  <div><span><a href="./r2shouji.html">现在购买</a></span></div>
  </div>
  </section>
  <nav>
    <div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div id="img">
        <img src="./images/1.jpg" alt="" id="pic1">
        <img src="./images/2.jpg" alt="" id="pic2">
        <img src="./images/3.jpg" alt="" id="pic3">
        <img src="./images/4.jpg" alt="" id="pic4">
        <img src="./images/5.jpg" alt="" id="pic5">
        <img src="./images/6.jpg" alt="" id="pic6">
        <img src="./images/7.jpg" alt="" id="pic7">
        <img src="./images/8.jpg" alt="" id="pic8">
        <img src="./images/9.jpg" alt="" id="pic9">
        <img src="./images/10.jpg" alt="" id="pic10">
        <img src="./images/11.jpg" alt="" id="pic11">
        <img src="./images/12.jpg" alt="" id="pic12">
        <img src="./images/13.jpg" alt="" id="pic13">
        <img src="./images/14.jpg" alt="" id="pic14">
        <img src="./images/15.jpg" alt="" id="pic15">
        <img src="./images/16.jpg" alt="" id="pic16">
        <img src="./images/17.jpg" alt="" id="pic17">
        <img src="./images/18.jpg" alt="" id="pic18">
        <img src="./images/19.jpg" alt="" id="pic19">
        <img src="./images/20.jpg" alt="" id="pic20">
        <img src="./images/21.jpg" alt="" id="pic21">
        <img src="./images/22.jpg" alt="" id="pic22">
        <img src="./images/23.jpg" alt="" id="pic23">
        <img src="./images/24.jpg" alt="" id="pic24">
        <img src="./images/25.jpg" alt="" id="pic25">
        <img src="./images/26.jpg" alt="" id="pic26">
        <img src="./images/27.jpg" alt="" id="pic27">
        <img src="./images/28.jpg" alt="" id="pic28">
        <img src="./images/29.jpg" alt="" id="pic29">
        <img src="./images/30.jpg" alt="" id="pic30">
        <img src="./images/31.jpg" alt="" id="pic31">
        <img src="./images/32.jpg" alt="" id="pic32">
        <img src="./images/33.jpg" alt="" id="pic33">
      </div>
    </div>
  </nav>
</body>
</html>